{% extends '::frontend.html.twig' %}

{% block statusTitle %}<h1>Confirmar reserva y pagar</h1>{% endblock %}

{% block contenido %}

<div class="row">
	<div class="col-md-offset-2 col-md-8">
		<h2>Ticket de la Reserva</h2>
		<p></p>
		<div class="well">
			<h1 style="text-shadow: 2px 2px 1px black; color: blue; text-align:center; font-size:52px;">{{ bookcode }}</h1>
		</div>
		<p><em>Anote este código en un lugar seguro para poder consultar su reserva más tarde.</em></p>
	</div>
</div>



<h3>Resumen de la Reserva</h3>

<div class="row">
	<div class="col-md-offset-1 col-md-10 well">
	<table class="table table-bordered table-hover table-condensed">
	
		<tbody>
			<tr>
				<th>Productos Contratados</th>
				<td>
								{% for product in booking.product %}
									{{ product.name }} --- {{ product.price }} $	
									</br>
								{% endfor %}
				</td>
		</tr>
		</tr>
				<th>Precio total de la reserva</th>
				<td>{{ booking.amount }} €</td> 
		</tr>
		</tr>
				<th>Nombre Y Apellidos</th>
				<td>{{booking.customer.name}}</td> 
		</tr>
		</tr>
				<th>DNI</th>
				<td>{{booking.customer.dni}}</td> 
		</tr>
		</tr>
				<th>Telefono</th>
				<td>{{booking.customer.phone}}</td> 
		</tr>
		</tr>
				<th>Correo Electrónico</th>
				<td>{{booking.customer.email}}</td> 
		</tr>
		</tr>
				<th>Provincia</th>
				<td>{{booking.customer.province}}</td> 
		</tr>
		</tr>
				<th>Localidad</th>
				<td>{{booking.customer.city}}</td> 
		</tr>
		</tr>
				<th>Código Postal</th>
				<td>{{booking.customer.zipcode}}</td> 
		</tr>
		</tr>
				<th>Dirección</th>
				<td>{{booking.customer.address}}</td> 
		</tr>

		</tbody>
		
	</table>
	</div>
</div>

<div class="row">
<h2 style="color: darkblue;">&iexcl;Pagar Ahora! <small>Ya casi est&aacute;...</small></h2>
<p style="color: grey;">Abone el importe correspondiente al servicio contratado. 
Esta cantidad le ser&aacute; reintegrada como descuento en la factura final.</p>
</div>

<div class="row">
	<div class="col-md-6" style="border-right: 1px solid lightgrey; padding-right: 10px;">
	<h3 style="text-align: center;">Transferencia bancaria</h3>
	
	
		<table class="table table-bordered table-hover table-condensed">
	
		<tbody>
			<tr>
				<td><strong>Cuenta:</strong></td>
				<td>0075-3278-31-0600502815</td>
			</tr>
		<tr>
				<td><strong>Entidad:</strong></td>
				<td>Banco Popular</td>
			</tr>
			<tr>
				<td><strong>Concepto:</strong></td>
				<td>"RESERVA {{ bookcode }}"</td>
			</tr>
		</tbody>
		
	</table>
	
	<div class="alert alert-danger">
	<strong>Muy Importante:</strong> La transferencia es un proceso lento que debe ser verificado. En el concepto debe 
	<strong>incluir su Ticket</strong>, de lo contrario nuestro personal no podr&aacute; identificar su pago.
	</div>

	</div>

	<div class="col-md-6">
		<h3 style="text-align: center;">PayPal &oacute; Tarjeta</h3>
		<p style="color: grey;">Haga clic en el bot&oacute;n de abajo para proceder al pago con PayPal o Tarjeta de cr&eacute;dito:</p>
		
			<!-- SANDBOX: No eliminar --!>

	<form name="_xclick" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
		<input type="hidden" name="cmd" value="_xclick">
		<input type="hidden" name="business" value="mortadela@yopmail.com">
		<input type="hidden" name="currency_code" value="EUR">
		<input type="hidden" name="item_name" value="RESERVA ONLINE {{ booking.bookcode }}">
		<input type="hidden" name="amount" value="{{ booking.amount }}">
		<input type="hidden" name="return" value="http://www.vicoinstalaciones.es/reservardesarrollo/web/carrito">
		<input type="hidden" name="custom" value="{{ booking.bookcode }}">
		<input type="hidden" name="notify_url" value="http://www.vicoinstalaciones.es/reservardesarrollo/paypal/example/ipn.php">
		<input type="image" src="http://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
	</form>

	<!--form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
		<input type="hidden" name="cmd" value="_xclick">
		<input type="hidden" name="business" value="vicoinstalaciones@gmail.com">
		<input type="hidden" name="currency_code" value="EUR">
		<input type="hidden" name="item_name" value="RESERVA ONLINE {{ booking.bookcode }}">
		<input type="hidden" name="amount" value="{{ booking.amount }}">
		<input type="hidden" name="return" value="http://www.vicoinstalaciones.es/reservar/consulta.php">
		<input type="hidden" name="custom" value="{{ booking.bookcode }}">
		<input type="hidden" name="notify_url" value="/reservardesarrollo/paypal/example/ipn.php">
		<input style="display: block; margin: auto;" type="image" src="http://www.paypal.com/es_ES/i/btn/btn_buynow_LG.gif" 
				border="0" name="submit" alt="Paga con PayPal, rápido gratis y seguro!">

		</form--!>
		
		<div class="alert alert-danger">
		
		<p><strong>&iquest;No dispone de una cuenta PayPal?</strong> No se preocupe...</p>
		<p>Este bot&oacute;n tambi&eacute;n permite pagar con <strong>Tarjeta de Cr&eacute;dito</strong>. 
		Para ello, una vez dentro indique que no dispone de una cuenta de PayPal para proceder al pago con tarjeta.</p>
		</div>
	

	</div>
	
</div>
	
<div class="row">
   <p>Si lo desea, puede pagar en otro momento. Para ello, utilice el enlace que le hemos enviado por e-mail.</p>
   <p>&iquest;Tiene alg&uacute;n problema? <a href="http://grupovico.com/cnt" target="_blank">Contacte aqu&iacute;</a></p>
</div>



<h3> Productos </h3>

{% for product in booking.product %}
<p>{{product.name}}</p>
{% else %}
<p> No hay productos </p>
{% endfor %}
{% endblock %}
